<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>

<html>
    <head>

        <script type="text/javascript" language="javascript" src="../scripts/jQuery/confirm.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jquery.fancybox-1.3.4.pack.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/easypaginate.js"></script>
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <link rel="stylesheet" type="text/css" href="../css/paging.css"/>
        <link rel="stylesheet" type="text/css" href="../css/dropdown.css"/>
        <link rel="stylesheet" type="text/css" href="../css/richTable.css"/>
        <link rel="stylesheet" type="text/css" href="../css/thickbox.css"/>
        <script type="text/javascript" language="javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
            $j(document).ready(function(){
               
            });
        </script>
    </head>
    <body>

        <a4j:form>
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>
            <h:outputText value="<div class='permission' lang='#{loginSession.right.MENU_DAB_VIEW}'></div>" escape="false"/>
            <div id="content">
                <div id="content_detail">
                    <div class="content_right">
                        <div class="content">
                            <h:inputHidden value="#{smsController.idpage}" id="idpage"/>
                            <h:inputHidden value="#{smsController.actionpage}" id="actionpage"/>
                            <h:inputHidden value="#{smsController.pageString}" id="pageString"/>
                            <h:outputLink style="color:#fff;float:left; margin-left: 10px;"   value="#{smsController.pageString}" styleClass="add_new"  > 
                                <img src="../images/backSMS.png" alt="SMS" title="quay lại"/>
                            </h:outputLink>
                            <a4j:commandButton actionListener="#{smsController.pageString}" styleClass="add_new"  > 
                                send
                            </a4j:commandButton>
                            <div style="float: left;height: 29px;background-color: #4A5763;width: 100%;line-height: 29px;margin-top: 1%;">
                                <div style="margin-left: 15px;color: white;">
                                    <h:outputText value="DANH SÁCH GỬI SMS KHÁCH HÀNG HIỆN CÓ #{smsController.idpage}" style="text-transform:uppercase"/>
                                </div>
                                <rich:dataTable value="" var="" rowKeyVar="row">
                                    <rich:column style="width:10%; text-align:center">
                                        <f:facet name="header">
                                            <h:outputText value="ACTION"/>
                                        </f:facet>
                                        <div class="imagecheck">
                                            <h:outputLink value="addListPerSMS.jsp" styleClass="fancybox " id="fancybox2">
                                                <h:graphicImage value="../images/delete_1.png"/>
                                            </h:outputLink>
                                        </div>
                                    </rich:column>
                                    <rich:column style="width:10%; text-align:center">
                                        <f:facet name="header">
                                            <h:outputText value="DANH SÁCH"/>
                                        </f:facet>
                                        <div class="imagecheck">
                                            <h:outputLink value="addListPerSMS.jsp" styleClass="fancybox " id="fancybox">
                                                <h:graphicImage value="../images/list.png"/>
                                            </h:outputLink>
                                        </div>
                                    </rich:column>
                                    <rich:column style="width:10%; text-align:center">
                                        <f:facet name="header">
                                            <h:outputText value="NỘI DUNG"/>
                                        </f:facet>
                                        <h:outputText value="Nhan dip nam moi Sai Gon Travel kinh chuc Quy khach an khang "/>
                                    </rich:column>
                                    <rich:column style="width:10%; text-align:center">
                                        <f:facet name="header">
                                            <h:outputText value="Template"/>
                                        </f:facet>
                                        <h:outputText value="Nhan dip "/>
                                    </rich:column>
                                    <rich:column style="width:10%; text-align:center">
                                        <f:facet name="header">
                                            <h:outputText value="XÉT DUYỆT"/>
                                        </f:facet>
                                        <div class="imagecheck">
                                            <h:graphicImage value="../images/checksms.png"/>
                                        </div>

                                    </rich:column>
                                    <rich:column style="width:10%; text-align:center">
                                        <f:facet name="header">
                                            <h:outputText value="THỜI GIAN TẠO SMS"/>
                                        </f:facet>
                                        <div class="imagecheck">
                                            <h:graphicImage value="../images/checksms.png"/>
                                        </div>

                                    </rich:column>
                                    <rich:column style="width:10%; text-align:center">
                                        <f:facet name="header">
                                            <h:outputText value="THỜI GIAN GỬI SMS"/>
                                        </f:facet>
                                        <div class="imagecheck">
                                            <h:graphicImage value="../images/checksms.png"/>
                                        </div>

                                    </rich:column>
                                    <rich:column style="width:10%; text-align:center">
                                        <f:facet name="header">
                                            <h:outputText value="NGƯỜI XÉT DUYỆT"/>
                                        </f:facet>
                                        <h:outputText value="Nguyen Son Tung"/>
                                    </rich:column>
                                </rich:dataTable>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </a4j:form>

    </body>
</html>


<style type="text/css">
    #footer{
        width: 100%;
    }
    #menu_top{
        padding-left: 0.7%;
        width: 96%;
    }
    .imagecheck img{
        height: 20px;
        width: 20px;
    }
    #content_detail {
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0;
        width: 98.5%;
    }
    #main{
        width:100%;
    }

    #content {
        background: none repeat scroll 0 0 #FFFFFF;
        padding: 0px !important;
        width: 100%;
    }

    #fancybox-wrap{

    }


</style>